.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.header{
	display:flex;
	justify-content: center;
	align-items: center;
	
	a{
		margin:6% 0; 
		
	}
	a:nth-child(1){
		width: 25%;
		
		.px2rem(font-size,50);
	}
	a:nth-child(2){
		width: 40%;
	}
	a:nth-child(3){
		border:2px solid #5fb36e;
		text-align:center;
		width: 25%;
		  .px2rem(border-radius,30);
		h3{
			.px2rem(font-size,30);
			color:#5fb36e;
			padding:8%;
		}
		
	}
}
.main{
    display: flex;
      justify-content: center;
      align-items: center;
	div{
		width: 94%;
		 padding:30% 0;
      background-color:#e2e2e2;
      display: flex;
      justify-content: center;
      align-items: center;
     dl{
     	width: 100%;
       text-align:center;
       dd:nth-child(1){
       	padding:9%;
       		.px2rem(font-size,50);
       }
        dd:nth-child(2){
    
       		.px2rem(font-size,30);
       }
     }
	}
}
.inpt{
	margin-left:3%;
	margin-top:3%;
	input{
		border:none;
		background-color:#fff;
		color:#ccc;
		.px2rem(font-size,30);
		  caret-color:blue;
		  .px2rem(line-height,40);
		   
	}
}

 .footer{
 	position: fixed;
 	bottom:2%;
 	left:0;
 	width: 100%;
 	display: flex;	
 	align-items: center;
 	.foodiv{
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		background-color:#58ab67;
 		border-radius:50%;
 		margin-left:4%;
 		 .px2rem(width,100);
 		  .px2rem(height,100);
     i{ .px2rem(font-size,60);
     	 color:#fff;

     }
 	}
 	div:nth-child(2){
 		      width: 75%;
 			background:#ccc;
 			margin-left:4%;
 			.px2rem(border-radius,10);
 			 display: flex;
 	
 		align-items: center;
 		i{
 			.px2rem(font-size,40);
 		  color:#4182cd;
 		  margin:3%;
 		}
        p{
        	.px2rem(font-size,30);
        	width: 70%;
        }
        .chooseBtn {
            display: none;
        }

        .choose-label {

            box-shadow: #ccc 0px 0px 0px 1px;
           .px2rem(width,80);
 		  .px2rem(height,40);
            display: inline-block;
            border-radius: 20px;
            position: relative;
            background-color: #ccc;
            overflow: hidden;
            border:1px solid blue;
        }

        .choose-label:before {
            content: '';
            position: absolute;
            left: 6%;
            top:6.5%;
          .px2rem(width,35);
 		  .px2rem(height,35);
            display: inline-block;
            border-radius: 20px;
            background-color: blue;
            z-index: 20;
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
        }

        .chooseBtn:checked + label.choose-label:before {
            left: 50%;
             background-color: #000;
        }

        .chooseBtn:checked + label.choose-label {
         
              border:1px solid #000;
        }
 	} 
 }